.box_wroe{
    width: 100vw;
    height: 94vh;
    display: flex;
    flex-direction: column;
}

.main_wroe{
    flex: 1;
    overflow-y: scroll;
}

.chart_box {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 10px 20px;
    gap: 10px;
    overflow: auto;
}
.chart_left,  
.chart_right{
    display: flex;
    align-items: start;
    gap: 10px;
}

.chart_left p,  
.chart_right p{
    max-width: 70vw;
    background-color: rgb(73, 131, 219);
    border-radius: 5px;
    color: #fff;
    padding: 10px;
}


.chart_left img,  
.chart_right img{
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    border-radius: 25px;
}


.chart_right{
    flex-direction: row-reverse;
}
.chart_left p {
    background-color: #eee;
    color: #000;
}

.footer_wroe{
    height: 50px;
    flex-shrink: 0;
    display: flex;
    input{
        text-indent: 12px;
    }
    button{
        flex-shrink: 0;
    }
}